<!--本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm -->
<template>
	<view class="YmContent">
		<view class="main">
			<view class="tip">
				<image src="https://xinguan-parent2.oss-cn-hangzhou.aliyuncs.com/reg_ok/images/reg_ok_icon_19.jpg" mode="scaleToFill" border="0"
					class="icon">
				</image>
				<text decode="true" class="reg_ok_20">答题成功</text>
			</view>
			<view class="tips">
				<view class="xuanzhe">
					<text>选择题 {{shiti.xuanZheTotal}} 道</text>
					<text>答对{{shiti.xuanZhe}} 道</text>
				</view>
				<view class="xuanzhe">
					<text>填空 {{shiti.tianKongTotal}} 道</text>
					<text>答对 {{shiti.tianKong}} 道</text>
				</view>
				<view class="xuanzhe">
					<text>判断 {{shiti.panDuanTotal}} 道</text>
					<text>答对 {{shiti.panDuan}} 道</text>
				</view>

				<view class="total">
					<text>客观题得分 {{shiti.score}}分</text>
					<text>客观题分数 {{shiti.totalScore}}分</text>
					<text>总耗时:{{shiti.time | formatTimes}}</text>
				</view>

				<view class="total">
					<text>总分 {{shiti.reallyScore}}分</text>
				</view>
			</view>
			<button class="btOk" @click="SeeScore()">查看得分详情
			</button>

			<button class="btOks" @click="back()">返回首页
			</button>


		</view>


		<view class="loading">{{loadingText}}</view>
		<view class="ymBbottom"></view>
	</view>
</template>

<script>
	export default {

		onLoad(parmas) {
			console.log(parmas.id);
			this.id = parmas.id
			this.init()
		},
		data() {
			return {
				loadingText: '',

				page: 0, //当前分页页码
				apiUrl: 'https://www.ymznkf.com/wx_server', //后端接口地址
				id: '', //传值使用,方便存在本地的locakStorage  
				del_id: '', //方便存在本地的locakStorage  
				shiti: {}
			}
		},
		methods: {
			init() {
				uni.$u.http.get('/app/paper/watch/' + this.id).then((res) => {
					if (res.code == 0) {
						this.shiti = res.data
					}

				})
			},
			SeeScore() {

				let newdata = {
					type: 3,
					id: this.id
				}
				//当你选中重现开始的时候就可以将用户的 作答计入删除并且，更新时间


				uni.navigateTo({
					url: './exam?id=' + JSON.stringify(newdata)
				})
			},
			back() {
				uni.switchTab({
					url: "/"
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	//本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm



	.list_item {
		float: left;
	}

	.ym_hide {
		display: none;
	}

	.ym_show {
		display: block;
	}

	.slide-image {
		width: 100%;
		height: 100%;
	}

	.list_horizontal {
		width: auto;
		display: inline-block;
	}

	.main {
		white-space: normal;
		width: 749upx;
		height: 100%;
		padding: 0upx;
		clear: both;
		float: left;
		background-color: #f5f6fa;
		border-radius: 0upx;
		font-size: 8upx;
	}

	.main .tip {
		white-space: normal;
		width: 749upx;

		padding: 0upx;
		clear: both;
		margin-top: 0upx;
		margin-left: 0upx;
		float: left;
		background-color: #ffffff;
		border-radius: 0upx;
		font-size: 1upx;
		line-height: 1upx;
	}

	.main .tips {
		width: 100%;

		display: flex;
		flex-direction: column;



		.xuanzhe {
			width: 100%;
			text-align: center;

			text {
				padding: 20rpx;
			}
		}

		.total {
			text-align: center;

			text {
				padding: 20rpx;
			}
		}

	}

	.main .tip .icon {
		white-space: normal;
		width: 129upx;
		height: 128upx;
		padding: 0upx;
		clear: both;
		margin-top: 77upx;
		margin-left: 310upx;
		float: left;
		border-radius: 0upx;
		font-size: 8upx;
		line-height: 128upx;
	}

	.main .tip .reg_ok_20 {
		white-space: normal;
		width: 150upx;
		height: 38upx;
		padding: 0upx;
		clear: both;
		margin-top: 25upx;
		margin-left: 299upx;
		float: left;
		text-align: center;
		justify-content: center;
		border-radius: 0upx;
		color: #646464;
		font-size: 32upx;
		line-height: 38upx;
	}

	.main .tip .reg_ok_21 {
		white-space: normal;
		width: 570upx;
		height: 77upx;
		padding: 0upx;
		clear: both;
		margin-top: 20upx;
		margin-left: 90upx;
		float: left;
		text-align: center;
		justify-content: center;
		border-radius: 0upx;
		color: #c8c8c8;
		font-size: 29upx;
		line-height: 35upx;
	}

	.main .btOk {
		white-space: normal;
		width: 703upx;
		height: 93upx;
		padding: 0upx;
		clear: both;
		margin-top: 63upx;
		margin-left: 24upx;
		float: left;
		background-color: pink;
		text-align: center;
		justify-content: center;
		border-radius: 10upx;
		color: #ffffff;
		font-size: 33upx;
		line-height: 93upx;
	}

	.main .btOks {
		white-space: normal;
		width: 703upx;
		height: 93upx;
		padding: 0upx;
		clear: both;
		margin-top: 20rpx;
		margin-left: 24upx;
		float: left;
		background-color: #4286f5;
		text-align: center;
		justify-content: center;
		border-radius: 10upx;
		color: #ffffff;
		font-size: 33upx;
		line-height: 93upx;
	}
</style>
